<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>万达营销流程管理系统</title>
<link href="Styles/opencss.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/ie6png.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('div,ul,li,a,p,img,body,dl,dt,dd');</script>
<![endif]-->
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>
<body style="background:#fff;">
<br />
<div style="width:1000px;" class="tbox01 boxcenter">
  <div class="tbox02">
    <dl>
      <dt></dt>
      <dd>
        <div class="tbox02menu">
          <ul>
            <li><a href="backtoselectroom.do?openid=${openid }">返回</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </div>
  
  <div class="tbox03">
    <div class="tbox04a">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                   		 待选房间查询
                   		
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05 margb7">
                <dl>
                  <dt>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="55" height="25" align="right" style=" padding-right:5px;">楼　栋：</td>
                        <td style=" padding-right:15px;"><input name="textfield12" type="text"  class="black12" id="textfield12" style="width:100%;" /></td>
                        <td width="62" rowspan="2"><div class="button26h"><a href="#">查询</a></div></td>
                      </tr>
                      <tr>
                        <td height="25" align="right" style=" padding-right:5px;">房产名：</td>
                        <td height="25" style=" padding-right:15px;"><input name="textfield" type="text"  class="black12" id="textfield2" style="width:100%;" /></td>
                      </tr>
                    </table>
                    
                  </dt>
                </dl>
              </div>
              <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  
                  <td width="30" class="ybox06td01">
                  <!-- <input type="checkbox" name="checkbox1" /> -->
                  <input type="hidden" name="openid" id="openid" value="${openid }" />
                  </td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                <c:forEach var="roomNotInOpen" items="${roomNotInOpen }" varStatus="status">
                <tr>
                  <td class="ybox06td02wcenter"><input type="checkbox" name="checkbox1" value="${roomNotInOpen.roomId }"/></td>
                  <td class="ybox06td02wcenter">${status.index+1 }</td>
                  <td class="ybox06td02wleft">${roomNotInOpen.roomCode } </td>
                  <td class="ybox06td02wcenter">${roomNotInOpen.buildUpArea }</td>
                  <td class="ybox06td02wcenter">${roomNotInOpen.innerArea }</td>
                </tr>
                </c:forEach>
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
                页<a href="#">跳 转</a></div>
            </div></td>
          <td width="6%" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="48" align="center"><a href="javascript:addAllRoomInOpen();"><img src="images/op6_1.gif" /></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="javascript:addRoomInOpen();"><img src="images/op6_2.gif" /></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="javascript:removeRoomInOpen();"><img src="images/op6_3.gif" /></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="javascript:removeAllRoomInOpen();"><img src="images/op6_4.gif" /></a></td>
            </tr>
          </table></td>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                    已选中房间列表
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05a margb7">
                <dl>
                  <dt><strong>【注】</strong><br />
                    全部选择 &gt;&gt; 选择所有查询出来的待选房间（左边窗口的全部房间）<br />
                    全部移除 &lt;&lt; 移除所有已选中房间（右边窗口的全部房间）</dt>
                </dl>
              </div>
              <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  <td width="30" class="ybox06td01"><!--  <input type="checkbox" name="checkbox2" id="checkbox2" />--></td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                <c:forEach var="roomInOpen" items="${roomInOpen }" varStatus="status">
                <tr>
                  <td class="ybox06td02wcenter"><input type="checkbox" name="checkbox2" value="${roomInOpen.roomId }"/></td>
                  <td class="ybox06td02wcenter">${status.index+1 }</td>
                  <td class="ybox06td02wleft">${roomInOpen.roomCode } </td>
                  <td class="ybox06td02wcenter">${roomInOpen.buildUpArea }</td>
                  <td class="ybox06td02wcenter">${roomInOpen.innerArea }</td>
                </tr>
                </c:forEach>
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
              页<a href="#">跳 转</a></div>
            </div></td>
        </tr>
      </table>
    </div>
  </div>
</div>
<script type="text/javascript">
	function addRoomInOpen(){
		var id=document.getElementsByName("checkbox1");
		var idlist = [];
		for(k in id){
			if(id[k].checked)
            idlist.push(id[k].value);
		}
		var openid=document.getElementById("openid").value;
		location.href="addRoomInOpen.do?openid="+openid+"&idlist="+idlist;
	}
	function addAllRoomInOpen(){
		var openid=document.getElementById("openid").value;
		location.href="addAllRoomInOpen.do?openid="+openid;
	}
	function removeRoomInOpen(){
		var id=document.getElementsByName("checkbox2");
		var idlist = [];
		for(k in id){
			if(id[k].checked)
            idlist.push(id[k].value);
		}
		var openid=document.getElementById("openid");
		location.href="removeRoomInOpen.do?openid="+openid+"&idlist="+idlist;
	}
	function removeAllRoomInOpen(){
		var openid=document.getElementById("openid").value;
		location.href="removeAllRoomInOpen.do?openid="+openid;
	}
</script>
</body>
</html>
